<template>
    <div @click="sayMsg">
      <h1>P149 - setup的两个注意点</h1>
      <hr />
    </div>
  </template> 
        
  <script>
  import { reactive, ref } from "vue";
  export default {
    name: "App",
    props:['msg'],
    setup(props,context) {
        // setup函数作用域中的this是undefined，所以如果想在里面读取props里的东西，就要通过setup函数中的props参数。
        function sayMsg(){
            console.log(props.msg);
        }

        return{
            sayMsg
        }
    },
  };
  </script>
        
        <style>
  </style>
        